<%--
  Created by IntelliJ IDEA.
  User: yang
  Date: 2017/7/2
  Time: 17:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<div class="header-section">

    <!--notification menu start -->
    <div class="menu-right">
        <ul class="notification-menu">
            <li id="userLi"onclick="change()">
                <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <img src="<%=path%>/resources/images/photos/user-avatar.png" alt="">
                    <shiro:principal property="nickName"/>
                    (<shiro:principal property="roleName"/>)
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                 <%--   <li><a href="#"><i class="fa fa-user"></i>  Profile</a></li>
                    <li><a href="#"><i class="fa fa-cog"></i>  Settings</a></li>--%>
                    <li><a href="<%=basePath%>/admin/login/logout.do"><i class="fa fa-sign-out"></i> 退出</a></li>
                </ul>
            </li>

        </ul>
    </div>
    <!--notification menu end -->

</div>
<script>
 function change(){
     if($("#userLi").attr("class")!="open" ){
         $('#userLi').attr('class', 'open')
     }else{
         $('#userLi').attr('class', '')
     }
 }

</script>
